<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>显示数据</title>
    <%--<link rel="stylesheet" href="/WEB-INF/view/showData.css">--%>
    <link rel="stylesheet" href="<c:url value="/statics/css/showData.css"/>" type="text/css"/>
    <link rel="stylesheet" href="<c:url value="/statics/css/editFile.css"/>">

    <%--<link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">--%>

    <%--注意js不能自动闭合，一定要写尾标签</script>才有效。如果不写尾标签，不急自己的js无效可能还会影响其它的js代码块--%>
    <script src="statics/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="statics/js/paged.js" charset="utf-8"></script>
    <script type="text/javascript" src="statics/js/editFile.js" charset="utf-8"></script>
    <script type="text/javascript" src="statics/js/captcha.js" charset="utf-8"></script>
</head>
<body>
    <div class="uploadFile">            <!-- 上传excel文件模块 -->
        <%--onclick="loadJSON('post','/JavaExamining/insertDataForBatch.do')"和
        action="insertDataForBatch.do"各司其职。表单action负责将数据提交到后台进行处理，而js-ajax负责到后台等待取回后台
        处理结果，若后台处理完毕，控制器不返回逻辑视图给视图处理器，而是@ResponseBody，则数据由ajax带到js中。--%>
        <form id="uploadForm" enctype="multipart/form-data">
            <div>
                <a href='javascript:void(0);' class="blueButton">选择文件</a>
                <input type="file" class="myFileUpload" name="excelFile"/>
                <div class="show"></div>
                <input id="input2" type="submit" value="导入"/>
            </div>
        </form>
    </div>

    <div class="header">
        <span>CISDI数据管理系统</span>
    </div>

    <button id="calculateButton">计算</button>

    <div id="editAndDownload">
        <button id="editFile">修改文件</button>
        <a href="download.do"><button id="download">下载文件</button></a>
    </div>

    <table class="table" border="1">
        <th>行号</th><th>A1</th><th>A2</th><th>A3</th><th>A4</th><th>A5</th><th>A6</th>
        <th>A7</th><th>A8</th><th>A9</th><th>A10</th><th>A11</th><th>A12</th><th>quality</th>
        <%--<th>操作</th>--%>
        <%--<tbody id="tbody"></tbody>--%>
    </table>

    <!-- 上一页 按钮 -->
    <div id="pageControl">
        <input type="button" id="previousPage" value="上一页" />
        <!-- 页数列表 -->
        <input type="button" id="no1" value="1"> <input type="button" id="no2" value="2">
        <input type="button" id="no3" value="3"> <input type="button" id="no4" value="4">
        <input type="button" id="no5" value="5"> <input type="button" id="no6" value="6">
        <input type="button" id="no7" value="···">
        <!-- 下一页 按钮 -->
        <input type="button" id="nextPage" value="下一页" />
        第<span id="showCurrentPage"></span>页，
        <!-- 直接跳转 -->
        共<span id="showTotalPage"></span>页，向<input id="fillPageNo" type="text"/>页
        <input id="jumpTo" type="button" value="跳转"/>
    </div>


</body>
</html>